<template>
  <div style = "height: 70px; line-height:60px; border-bottom: 0px solid #ccc; display: flex;background-color: #BB850B">
    <div style = "width :100px;padding-left:20px; color:white;font-weight: bolder; ">
      奖学金管理系统
    </div>
    <body style="margin:0;"></body>
    <div style = "flex : 1"></div>
    <div style = "width: 70px">
      <el-dropdown >
     <span class="el-dropdown-link">
    <div style ="line-height:90px;color:white;font-weight: Bolder;">
     <el-icon size="30"><Avatar /></el-icon>
     </div>
    <i class ="el-icon-arrow-down el-icon--right"></i>
    </span>
        <template #dropdown>
          <el-dropdown-menu>
            <el-dropdown-item @click ="$router.push('/Login')">退出系统</el-dropdown-item>
          </el-dropdown-menu>
        </template>
      </el-dropdown>
    </div>
  </div>


</template>

<script>


import {defineComponent} from "vue";
import {Avatar, User} from "@element-plus/icons-vue";

export default defineComponent({
  components: {Avatar, User}
})
</script>


<style scoped>
.el-dropdown-link:focus {   outline: none; }

</style>